import {ScrollView} from 'react-native-gesture-handler';
import {StyleSheet, Text, View} from 'react-native';
import React, {Component} from 'react';
import {Flex, WhiteSpace, Button} from '@ant-design/react-native';

class BankOpinion extends Component {
    constructor(props) {
        super(props);
        this.state = {
            itemname: '华帝王朝车位',
            itemcode: 'B-21',
            itemfloor: '负一楼',
            itemaddress: '合川区华帝街37号',
            itembuiltup: '30',
            itemIntussusception: '25',
            itemprice: '80000',
            equity: '免费车位五项权益:',
            zero: '0首付、',
            Haoli: '拿好礼、',
            cashback: '返现金、',
            automobile: '得汽车、',
            parking: '得车位',
            auditopinion: '审核意见：',
            states: '不通过',
            time: '2020/5/5 10：10',
            reason: '身份证不清楚。',
        };
    }
    render() {
        return (
            <ScrollView style={styles.scrollview}>
                <WhiteSpace size="xs" />
                <Flex justify="between">
                    <Text style={styles.textsize}>{this.state.itemname}</Text>
                    <Text style={styles.textsize}>{this.state.itemcode}</Text>
                    <Text style={styles.textsize}>{this.state.itemfloor}</Text>
                </Flex>
                <WhiteSpace size="xs" />
                <Text style={styles.textsize}>{this.state.itemaddress}</Text>
                <WhiteSpace size="xs" />
                <Text style={styles.textsize}>
                    建筑面积:{this.state.itembuiltup}平方米
                </Text>
                <WhiteSpace size="xs" />
                <Text style={styles.textsize}>
                    使用面积：{this.state.itemIntussusception}平方米
                </Text>
                <WhiteSpace size="xs" />
                <Text style={styles.textsize}>
                    价格：{this.state.itemprice}
                </Text>
                <WhiteSpace size="xs" />
                <Text style={styles.textsize}>{this.state.equity}</Text>
                <WhiteSpace size="xl" />
                <Flex justify="center">
                    <Text style={styles.textsize}>{this.state.zero}</Text>
                    <Text style={styles.textsize}>{this.state.Haoli}</Text>
                    <Text style={styles.textsize}>{this.state.cashback}</Text>
                    <Text style={styles.textsize}>{this.state.automobile}</Text>
                    <Text style={styles.textsize}>{this.state.parking}</Text>
                </Flex>
                <WhiteSpace size="xl" />
                <Text style={styles.textsize}>{this.state.auditopinion}</Text>
                <WhiteSpace size="xl" />
                <Text style={styles.textsize}>{this.state.states}</Text>
                <WhiteSpace size="xl" />
                <Flex justify="center">
                    <Text style={styles.textview}>{this.state.reason}</Text>
                </Flex>
                <WhiteSpace size="xl" />
                <Flex justify="end" style={{marginRight: 20}}>
                    <Text style={styles.textsize}>{this.state.time}</Text>
                </Flex>
                <WhiteSpace size="xl" />
                <Button
                    type="primary"
                    onPress={() => {
                        this.props.navigation.push('Reapply');
                    }}>
                    重新申请
                </Button>
            </ScrollView>
        );
    }
}
export default BankOpinion;
const styles = StyleSheet.create({
    scrollview: {
        flex: 1,
    },
    textsize: {
        fontSize: 15,
    },
    timeview: {
        flexDirection: 'row',
        justifyContent: 'flex-end',
    },
    textview: {
        borderWidth: 0.3,
        height: 150,
        width: '80%',
        paddingTop: 10,
        paddingLeft: 8,
    },
});
